<style>
    .nav-tabs>li.active {
        border-bottom: #ef6512 3px solid;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li.active>a:focus {
        color: #ef6512;
        font-weight: 700;
        font-size: 14px;
        background-color: #fff;
        border: none;
        border-bottom-color: none;
        cursor: default;
    }

    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: none;
        border-radius: 3px 3px 0 0;
    }

    .dropdown-menu {
        min-width: 120px;
    }


    .panel {
        -webkit-box-shadow: none;
    }

    a.download {
        float: right;
        color: #315efb;
        font-size: 14px;
        margin-right: 10px;
    }
    .desktop_room li {
        list-style: none;
        float: left;
        margin-right: 3px;
        margin-bottom: 3px;
    }
    .panel-body{
        padding: 5px;
    }
    .pending-total {
        position: absolute;
        display: block;
        top: 14px;
        right: 57px;
        background: red;
        border-radius: 16px;
        color: #fff;
        padding: -3px;
        /*width: 16px;*/
        font-size: 10px;
        line-height: 14px;
        right: 1px;
        top: 1px;
        text-align: center;
        min-width: 12px;
        padding: 0px 4px;
    }
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}
    <ul class="nav nav-tabs">
        <li class="active"><a href="#list" data-toggle="tab" id="tab_goodsview">全部订单</a></li>
        <li><a href="#zhifulist" data-toggle="tab" id="tab_wenziview">支付订单</a></li>
        <li><a href="#dhmlist" data-toggle="tab" id="tab_dhmview">兑换码订单</a></li>
        <li><a href="#tklist" data-toggle="tab" id="tab_tkview">退款订单</a></li>
    </ul>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <!--全部订单-->
            <div class="tab-pane fade active in" id="list">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
<!--                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('consult/order/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>-->
<!--                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('consult/order/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>-->
<!--                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('consult/order/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>-->
                        

<!--                        <div class="dropdown btn-group {:$auth->check('consult/order/multi')?'':'hide'}">-->
<!--                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>-->
<!--                            <ul class="dropdown-menu text-left" role="menu">-->
<!--                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>-->
<!--                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>-->
<!--                            </ul>-->
<!--                        </div>-->

<!--                        <a class="btn btn-success btn-recyclebin btn-dialog {:$auth->check('consult/order/recyclebin')?'':'hide'}" href="consult/order/recyclebin" title="{:__('Recycle bin')}"><i class="fa fa-recycle"></i> {:__('Recycle bin')}</a>-->
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('consult/order/edit')}"
                           data-operate-del="{:$auth->check('consult/order/del')}"
                           width="100%">
                    </table>
                </div>
            </div>

            <!--支付订单-->
            <div class="tab-pane fade in" id="zhifulist">
                <div class="widget-body no-padding">
                    <div id="toolbar1" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                    </div>
                    <table id="table1" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                    </table>
                </div>
            </div>


            <!--兑换码订单-->
            <div class="tab-pane fade in" id="dhmlist">
                <div class="widget-body no-padding">
                    <div id="toolbar2" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-success btn-handler btn-disabled disabled" title="{:__('修改价格')}" ><i class="fa fa-pencil"></i> {:__('修改价格')}</a>
                    </div>
                    <table id="table2" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                    </table>
                </div>
            </div>

            <div class="tab-pane fade in" id="tklist">
                <div class="widget-body no-padding">
                    <div id="toolbar3" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-success btn-checked btn-disabled disabled" title="{:__('审核')}" ><i class="fa fa-check"></i> {:__('审核')}</a>
                    </div>
                    <table id="table3" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
